<!DOCTYPE html>
<html lang="en">
<head>
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
    <meta charset="UTF-8">
    <script src="http://cdnjs.cloudflare.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
    <script href="common/zepto.js"></script>
    <title>完成页面</title>
    <style>
        *{padding: 0;margin: 0}
        html,body{min-height: 100%;background:#f1f1f1;}
        body { font: 150%/1.6 微软雅黑, Palatino, serif;text-align: center}
        a{text-decoration: none;}
        section a{color: #fff;display: block;background: #4fbbf4;padding:5px;width: 60%;margin:25px auto;border-radius: 8px;font-size: 18px;}
        header{width:90%;margin:120px auto 80px;}
        header h2,h3,h5{margin:35px 0;color: #525252;}
        section{margin: 20px auto 50px}
        footer{width:100%;position: absolute;bottom:2em;}
        @media (max-width: 320px) {
            header{margin:30px auto}
        }
    </style>
</head>
<body>
<header>
    <h2>感谢体验云合同</h2>
    <h3>HZSJ6S</h3>
    <h5>使用优惠码注册云合同立享300优惠券</h5>
</header>
<section>
    <a href="index.html">再次体验云合同</a>
    <a href="http://a.app.qq.com/o/simple.jsp?pkgname=com.lxkj.yunhetong">下载云合同</a>
    <button id="checkJsApi" class="btn btn_primary">checkJsApi</button>
    <button id="onMenuShareTimeline" class="btn btn_primary">onMenuShareTimeline</button>
    <button id="onMenuShareAppMessage" class="btn btn_primary">onMenuShareAppMessage</button>
</section>
<script src="http://res.wx.qq.com/open/js/jweixin-1.0.0.js"></script>
<script type="text/javascript">
    wx.config({
        debug: false,
        appId: 'wxca129b09db17bb21',
        timestamp: 1466580444,
        nonceStr: 'l9Hy6xQMAAYh5315',
        signature: '393e3333b4fb21b7f7c4eb4b2c2a1008 ',
        jsApiList: [
            'checkJsApi',
            'onMenuShareTimeline',
            'onMenuShareAppMessage'
        ]
    });
    wx.ready(function () {
        alert(0);
        document.querySelector('#checkJsApi').onclick = function () {
            alert(1);
            wx.checkJsApi({
                jsApiList: [
                    'getNetworkType',
                    'previewImage'
                ],
                success: function (res) {
                    alert(JSON.stringify(res));
                }
            });
            alert(2);
        };
        // 2. 分享接口
        // 2.1 监听“分享给朋友”，按钮点击、自定义分享内容及分享结果接口
        document.querySelector('#onMenuShareAppMessage').onclick = function () {
            alert(3);
            wx.onMenuShareAppMessage({
                title: '互联网之子',
                desc: '在长大的过程中，我才慢慢发现，我身边的所有事，别人跟我说的所有事，那些所谓本来如此，注定如此的事，它们其实没有非得如此，事情是可以改变的。更重要的是，有些事既然错了，那就该做出改变。',
                link: 'http://movie.douban.com/subject/25785114/',
                imgUrl: 'http://demo.open.weixin.qq.com/jssdk/images/p2166127561.jpg',
                trigger: function (res) {
                    // 不要尝试在trigger中使用ajax异步请求修改本次分享的内容，因为客户端分享操作是一个同步操作，这时候使用ajax的回包会还没有返回
                    alert('用户点击发送给朋友');
                },
                success: function (res) {
                    alert('已分享');
                },
                cancel: function (res) {
                    alert('已取消');
                },
                fail: function (res) {
                    alert(JSON.stringify(res));
                }
            });
            alert('已注册获取“发送给朋友”状态事件');
        };

        // 2.2 监听“分享到朋友圈”按钮点击、自定义分享内容及分享结果接口
        document.querySelector('#onMenuShareTimeline').onclick = function () {
            alert(4);
            wx.onMenuShareTimeline({
                title: '互联网之子',
                link: 'http://movie.douban.com/subject/25785114/',
                imgUrl: 'http://demo.open.weixin.qq.com/jssdk/images/p2166127561.jpg',
                trigger: function (res) {
                    // 不要尝试在trigger中使用ajax异步请求修改本次分享的内容，因为客户端分享操作是一个同步操作，这时候使用ajax的回包会还没有返回
                    alert('用户点击分享到朋友圈');
                },
                success: function (res) {
                    alert('已分享');
                },
                cancel: function (res) {
                    alert('已取消');
                },
                fail: function (res) {
                    alert(JSON.stringify(res));
                }
            });
            alert('已注册获取“分享到朋友圈”状态事件');
        };
    });
    wx.error(function (res) {
        alert(res.errMsg);
    });
</script>
</body>
</html>